// 1、获取用户的个人信息
function getUserInfo() {
    // 1.2 把令牌取回来，放在请求头
    const token = window.localStorage.getItem('token');
    // 1.1 发送ajax请求
    // $.ajax({
    //     type: "get",
    //     headers: { Authorization: token },
    //     url: "http://localhost:8080/api/v1/admin/user/info",
    //     success: function (response) {
    //         const { userPic, nickname } = response.data;
    //         // 1.3 把用户信息显示到相应的位置
    //         $('.user_info img').prop('src', userPic);
    //         $('.user_info span').html('欢迎&nbsp;&nbsp' + nickname)

    //         // 1.4 对头部右侧修改图片
    //         $('#user_center_icon').prop('src', userPic)
    //     },
    //     // 如果服务端返回状态码不为200，就会进入error函数
    //     error: function(jqXHR, textStatus) {
    //         // console.log(jqXHR, 'jqxhhr')
    //         // console.log(textStatus, 'textStatus')
    //         // console.log('进来这里了吗？')
    //         // 通过状态码，判断是否有权限访问，如果403，表示没有登录，把它踢出去
    //         if (jqXHR.status === 403) {
    //             window.location.href = './login.html'
    //         }
    //     }
    // });
    http.ajax({
        type: 'get',
        url: '/admin/user/info',
        success: function (response) {
            const { userPic, nickname } = response.data;
            // 1.3 把用户信息显示到相应的位置
            $('.user_info img').prop('src', userPic);
            $('.user_info span').html('欢迎&nbsp;&nbsp' + nickname)

            // 1.4 对头部右侧修改图片
            $('#user_center_icon').prop('src', userPic)
        },
    })
}

// 2、退出登录功能
// 2.1 删除本地存储的token
// 2.2 跳转到登录页
function logout() {
    window.localStorage.removeItem('token');
    window.location.href = './login.html'
}

getUserInfo();


// 3、实现左侧栏目点击激活状态
$('.menu .level01').click(function() {
    // 给选中的元素增加active，还要把非点中的清除active
    $(this).addClass('active').siblings().removeClass('active')
    // 3.2 点击“文章管理”分类，当第一次点击就展开，再点击就隐藏 toggle
    // 通过元素索引判断是否等于1表示文章管理
    const index = $(this).index();
    if (index === 1) {
        $('.menu .level02').slideToggle();
        // 切换箭头旋转效果
        $(this).find('b').toggleClass('rotate0')
    }
})

// 4、二级菜单点击选中效果
$('.menu .level02 li').click(function() {
    $(this).addClass('active').siblings().removeClass('active')
})